<!DOCTYPE html>
<head xmlns:v-bind="http://www.w3.org/1999/xhtml" >
    <meta charset="UTF-8">
    <title>demo13-vue组件【Prop】</title>
  <script src="./js/vue.min.js"></script>

</head>

<body>
   <div id="app">
     <child message="hello"></child>
     <top list="你好啊"></top>
   </div>

</body>

<script type="application/javascript">
  Vue.component('child',{
    props: ['message'],
    template: '<span>{{message}}</span>'
  });
  Vue.component('top',{
    props: ['list'],
    template: '<ol><li> {{list}}</li></ol>'
  })
  var vm = new Vue({
    el: "#app"
  });


</script>
</html>
